{if $need_header_footer}
{template common/header}
{template misc/js_sharebutton}
{/if}
<div class="container">
	<div class="span9 main">
		<div class="group-header cls clearfix">
			<div class="group-image">
				<img src="{echo groupbanner($group['group_id'])}" onerror="this.src=base_url+'assets/img/default_group_banner.gif';">
			</div>
			<div class="group-desc">
				<h2>{$group['group_title']} <small>({$group['total_member']}{lang group_member})</small></h2>
				<p>{$group['group_desc']}</p>
				<div class="group-join">
					{if $joined}
						<a class="btn btn-info" href="javascript:;" data-action="leaveGroup" data-params="{$group['group_id']}">{lang leave_group}</a> 
						<a class="btn btn-success ml10" href="{url share/post?groupid=$group['group_id']}">{lang post_share}</a> 
					{else}
						<a class="btn btn-info" href="javascript:;" data-action="joinGroup" data-params="{$group['group_id']}">{lang join_group}</a>
						{lang join_group_tip}
					{/if}
				</div>
			</div>
		</div>
	</div>
	<div class="span3 secondary"> 
		<div class="span3 ml0 mb20"> 
			<div class="group-member span2 ml0">
				<h3>{lang groupadmin}</h3>
				{loop $ausers $auser}
				<a href="{url home/user?uid=$auser['user_id']}" data-user-id="{$auser['user_id']}" data-user-profile="1">
					<img src="{avatar($auser['user_id'], 'middle')}" class="avatar-mid photo-middle">
					<u>$auser['nickname']</u>
				</a>
				{/loop}
				<a href="javascript:;" class="apply-admin" data-action="applyOpen" data-params="groupadmin,{$group['group_id']}">
					<img src="{baseurl}assets/img/applyadmin.gif">
					{lang apply_admin}
				</a>
			</div>
		</div>
	</div>
</div>
<div class="container">
{template group/navmenu}
</div>
<div id="waterfall_outer" data-fullscreen="0" class="container">
	<div class="span12 ml0" id="waterfall" data-pin-width="$pinsetting['uipin_columnwidth']" data-animated="$pinsetting['uipin_animated']">
	{if $page==1}
		{template group/info}
	{/if}
		{$tpl_waterfall}
	</div>
</div>

<div class="container">
	<div id="loadingPins" class="span12 text_c"><img src="{baseurl}themes/$theme/img/puzzle32.gif"></div>
</div>
<div id="page-nav" class="mt20 container hide">
	<a id="page-next" href="$nextpage_url"></a>
</div>
<div id="wpage-nav" class="hide text_c mt20">
	$wpages
</div>
<div class="hide">
	$pages
</div>
{if $need_header_footer}
{template js_tpl/comment_waterfall_tpl}
{template common/footer}
{/if}